<template>
    <div class="foot">
        <div class="container">
            <div class="row">
	            <div class="col-sm-3 col-xs-12 text-center">
	                <h3>禾火博客</h3>  
	                <p>致力于分享的博客</p>  
	                <p>工作，生活</p>  
	                <p>让身心飞一会。。。</p>
	            </div>  
	            <div class="col-sm-3 hidden-xs text-center">
	                <h3>关于</h3>  
	                <p>关于站长</p>  
	                <p>友情链接</p>
	            </div>  
	            <div class="col-sm-3 hidden-xs text-center">
	                <h3>联系方式</h3>  
	                <p>QQ:1023124926</p>  
	                <p>phone:13532992587</p>
	            </div>  
	            <div class="col-sm-3 hidden-xs text-center">
	                <h3>技术支持</h3>  
	                <p>JQ</p>  
	                <p>Boostrap</p>  
	                <p>Vue</p>  
	                <p>ThinkPHP</p>
	            </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.foot{
		width: 100%;
		background: #38393d; 
		font-size: 12px; color: #fff;
	}
</style>
